<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>临港新片区企业名录地理信息交互平台</title>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script>
        // $.ajax({
        //     type: "GET",
        //     url: "isLoginedServlet",
        //     success: function (result) {
        //         if (result == "false") {
        //             var link = "login.html";
        //             window.location.href = link;
        //         }
        //     }
        // });
       
    </script>

    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css">

    <link href="/api330/arcgis_js_api/library/3.30/3.30/esri/themes/calcite/dijit/calcite.css" rel="stylesheet"
    
        type="text/css">
    <link href="/api330/arcgis_js_api/library/3.30/3.30/esri/themes/calcite/esri/esri.css" rel="stylesheet"
        type="text/css">

    <link href="css/page.css" rel="stylesheet" type="text/css">
    <link href="css/navbar.css" rel="stylesheet" type="text/css">
    <link href="css/tabstyle.css" rel="stylesheet" type="text/css">
    <link href="css/search2.css" rel="stylesheet" type="text/css">
    <link href="css/drawGuess.css" rel="stylesheet" type="text/css">
    <link href="css/FeatureTable.css" rel="stylesheet" type="text/css">
    <link href="css/dijitMenu.css" rel="stylesheet" type="text/css">

    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <link href="css/menu.css" rel="stylesheet" type="text/css" />

    <!-- <link href="js/jeDate/skin/jedate.css" type="text/css" rel="stylesheet"> -->
    <link href="lib/fileinput/fileinput.min.css" rel="stylesheet" type="text/css">
    <link href="lib/slider/addSlider.css" rel="stylesheet" type="text/css">
    <!-- <link href="lib/ztree/css/metroStyle/metroStyle.css" rel="stylesheet" type="text/css"> -->
    <!-- <link href="lib/ztree/css/awesomeStyle/awesome.css" rel="stylesheet" type="text/css"> -->
    <link href="lib/ztree/css/zTreeBootstrapStyle.css" rel="stylesheet" type="text/css">


</head>
<body class="calcite scrollbar3">
    <header class="clearfix">
        <!-- <div class="logo"><img src="img/title.png" alt="" /></div> -->
        <div class="logo-title">临港新片区企业名录地理信息交互平台</div>

        <ul style="display: none;" id="nav">
            <li class="top">
                <a href="main.html" class="top_link "><span class="down"><img src="img/home.png"
                            alt="" />&nbsp;&nbsp;首页</span></a>
            </li>
            <li class="top">
                <a href="javascript:;" class="top_link"><span class="down">数据资源管理<img src="img/down.png"
                            alt="" /></span></a>
                <ul class="sub">
                    <li>
                        <a href="javascript:void(0)" id="coordTransferShowBtn">坐标转换</a>
                    </li>
                    <li><a href="javascript:void(0)" id="addServiceBtn">服务加载</a>
                    </li>
                    <li><a href="javascript:;" id="addDataBtn">本地数据加载</a></li>
                    <li><a href="javascript:;" id="drawDataShowBtn">自定义数据绘制</a></li>
                </ul>
            </li>
            <li class="top">
                <a href="javascript:;" class="top_link"><span class="down">撤点分析<img src="img/down.png"
                            alt="" /></span></a>
                <ul class="sub">
                    <li><a href="#" id="addressShowBtn">地址检索</a></li>
                    <li><a href="#" id="multiAddressShowBtn">批量地址检索</a></li>
                    <!-- <li role="separator" class="divider"></li> -->
                    <li><a href="#" id="aroundShowBtn">反向地址检索</a></li>
                    <li><a href="#" id="multiAroundShowBtn">复合检索</a></li>
                    <li><a href="#" id="roadSearchShowBtn">道路区间查询</a></li>
                    <li><a href="#" id="xyLocationShowBtn">坐标检索</a></li>
                </ul>
            </li>
            <li class="top">
                <a href="javascript:;" class="top_link"><span class="down">区域覆盖分析<img src="img/down.png"
                            alt="" /></span></a>
                <ul class="sub">
                    <li><a href="#" id="areaCoverageShowBtn">区域覆盖分析</a></li>
                </ul>
            </li>
            <li class="top">
                <a href="javascript:;" class="top_link"><span class="down">GPS轨迹分析<img src="img/down.png"
                            alt="" /></span></a>
                <ul class="sub">
                    <li><a href="#" id="addRouteShowBtn">GPS轨迹加载</a></li>
                    <li><a href="#" id="routeExceptionShowBtn">轨迹异常分析</a></li>
                </ul>
            </li>
            <li class="top">
                <a href="javascript:;" class="top_link"><span class="down">地块历史变化<img src="img/down.png"
                            alt="" /></span></a>
                <ul class="sub">
                    <li><a href="#" id="imageCompareShowBtn">影像对比分析</a></li>
                    <li><a href="#" id="changeDetectionShowBtn">变化检测分析</a></li>
                </ul>
            </li>
            <li class="top">
                <a href="javascript:;" class="top_link"><span class="down">区域特征分析<img src="img/down.png"
                            alt="" /></span></a>
                <ul class="sub">
                    <li><a href="#" id="heatmapShowBtn">热力图分析</a></li>
                    <li><a href="#" id="clusterShowBtn">聚合图分析</a></li>
                </ul>
            </li>
        </ul>

        <div class="exit">
            <a> <img src="img/exit.png" alt="" />退出</a>
        </div>
    </header>


    <div class="container-fluid mapPanel" id="mainMap">
        <div class="leftPanel">
            <div id="lib_Tab">
                <div style="display: none;" class="lib_Menubox">
                    <ul>
                        <li id="mainio1" onclick="setTab('mainio',1,4)" class="hover">
                            基础图层
                        </li>
                        <li id="mainio2" onclick="setTab('mainio',2,4)">业务图层</li>
                        <li id="mainio3" onclick="setTab('mainio',3,4)">本地数据</li>
                        <li id="mainio4" onclick="setTab('mainio',4,4)">第三方图层</li>
                    </ul>
                </div>
                <div class="lib_Contentbox">
                    <div class="con_mainio" id="con_mainio_1">
                        <div class="searchPart">
                            <div style="background: #fff;">
                                <img src="img/search.png" alt="" style="transform: translateY(-2px);">
                                <input type="text" id="key" placeholder="图层快速定位" />
                            </div>
                        </div>
                        <div class="listPart scrollbar3">
                            <div id="layerList" class="ztree ">
                                
                            </div>
                            <div id="lgyq" class="ztree">
                                <div id="yunquData"></div>
                            </div>
                            
                        </div>
                    </div>
                    <div class="con_mainio" id="con_mainio_2" style="display:none">
                        <div class="searchPart">
                            <div style="background: #fff;">
                                <img src="img/search.png" alt="" style="transform: translateY(-2px);">
                                <input type="text" id="themeKey" placeholder="图层快速定位" />
                            </div>
                        </div>
                        <div class="listPart scrollbar3">
                            <div id="themeLayerList" class="ztree "></div>
                        </div>
                        <!-- <nav class="navRoll">
                            <div id="themeLayerList" class="ztree scrollbar3"></div>
                        </nav> -->
                    </div>
                    <div class="con_mainio" id="con_mainio_3" style="display:none">
                        <div class="searchPart">
                            <div style="background: #fff;">
                                <img src="img/search.png" alt="" style="transform: translateY(-2px);">
                                <input type="text" id="localKey" placeholder="图层快速定位" />
                            </div>
                        </div>
                        <div class="listPart scrollbar3">
                            <div id="lcoalLayerList" class="ztree"></div>
                            <div id="drawLayerList" class="ztree"></div>
                            <div id="multiAddressLayerList" class="ztree"></div>
                            <div id="multiAroundLayerList" class="ztree"></div>
                            <div id="areaCoverageLayerList" class="ztree"></div>
                            <div id="routeExceptionLayerList" class="ztree"></div>
                            <div id="heatmapLayerList" class="ztree"></div>
                            <div id="clusterLayerList" class="ztree"></div>
                            <div id="coordTransferLayerList" class="ztree"></div>
                        </div>
                    </div>
                    <div class="con_mainio" id="con_mainio_4" style="display:none">
                        <div class="searchPart">
                            <div style="background: #fff;">
                                <img src="img/search.png" alt="" style="transform: translateY(-2px);">
                                <input type="text" id="otherKey" placeholder="图层快速定位" />
                            </div>
                        </div>
                        <div class="listPart scrollbar3">
                            <div id="otherLayerList" class="ztree"></div>
                            <div id="otherLayerList1" class="ztree"></div>
                        </div>

                    </div>
                </div>
            </div>

        </div>

        <div class=rightPanel>
            <div id="map">
                <div id="HomeButton"></div>

                <div class="HomeButton " id="measureButton">
                    <div class="homeContainer">
                        <div data-dojo-attach-point="_homeNode" title="测量" role="button" class="measure home"
                            tabindex="0">
                            <span>测量</span></div>
                    </div>
                </div>

                <ul class="btnPanel">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-map-o fa-fw"></i>&nbsp底图资源
                            <b class="caret"></b>
                        </a>
                        <ul id="baseMapList" class="dropdown-menu">
                            <!-- <li>
                                <a href="#">
                                    <label>
                                        <input type="checkbox" id="anse" checked>
                                        暗色地图
                                    </label>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <label>
                                        <input type="checkbox" id="base">
                                        政务地图
                                    </label>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <label>
                                        <input type="checkbox" id="yy20">
                                        2020影像
                                    </label>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <label>
                                        <input type="checkbox" id="yy19">
                                        2019影像
                                    </label>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <label>
                                        <input type="checkbox" id="yy18">
                                        2018影像
                                    </label>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <label>
                                        <input type="checkbox" id="yy17">
                                        2017影像
                                    </label>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <label>
                                        <input type="checkbox" id="yy16">
                                        2016影像
                                    </label>
                                </a>
                            </li> -->
                        </ul>
                    </li>

                </ul>
            </div>


            <!-- 面板部分 -->
            <div id="measurePanel" style="height: auto;" class="addressPanel">
                <div class="infoPanelTitle">
                    <button type="button" class="close">&times;</button>
                    <h4 class="panel-title" id="myModalLabel">测量功能</h4>
                </div>
                <div class="panel-body">
                    <!--<div id="measurementDiv" class=""></div>-->
                    <!--<p id="measurementTip"></p>-->
                </div>
            </div>


            <div class="addressPanel" id="coordTransferPanel">
                <div class="infoPanelTitle">
                    坐标转换
                    <a class="close">&times;</a>
                </div>
                <div id="coordTransferPanelContent" class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <ul class="nav nav-tabs" role="tablist">
                            <!-- <li id="coordTransferPanelTab0" role="presentation" class="active">
                                    <a href="#coordTransferPanelDiv0" aria-controls="coordTransferPanelDiv0" role="tab"
                                        data-toggle="tab">上海城市坐标->WGS84</a></li> -->
                            <li id="coordTransferPanelTab1" role="presentation" class="active">
                                <a href="#coordTransferPanelDiv1" aria-controls="coordTransferPanelDiv1" role="tab"
                                    data-toggle="tab">WGS84->上海城市坐标</a></li>
                            <li id="coordTransferPanelTab2" role="presentation" class="">
                                <a href="#coordTransferPanelDiv2" aria-controls="coordTransferPanelDiv2" role="tab"
                                    data-toggle="tab">批量坐标转换</a></li>
                        </ul>
                        <div style="height:calc(100% - 20px);margin: 10px 0;" class="tab-content">
                            <div style="height: 100%" role="tabpanel" class="tab-pane active"
                                id="coordTransferPanelDiv1">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div>
                                            <p class="xuhao">1</p><label class="control-label">请输入要转换的坐标</label>
                                        </div>

                                        <div style="padding: 15px;">

                                            <label class="control-label">请输入经度</label>
                                            <input type="number" class="form-control" id="tlngInput1"
                                                style="margin-bottom: 5px">
                                            <label class="control-label">请输入纬度</label>
                                            <input type="number" class="form-control" id="tlatInput1"
                                                style="margin-bottom: 5px">
                                        </div>
                                        <div>
                                            <p class="xuhao">2</p><label class="control-label">转换后的上海城市坐标</label>
                                        </div>
                                        <div style="padding: 15px;">
                                            <label class="control-label">x坐标</label>
                                            <input type="number" class="form-control" id="txInput1"
                                                style="margin-bottom: 5px">
                                            <label class="control-label">y坐标</label>
                                            <input type="number" class="form-control" id="tyInput1"
                                                style="margin-bottom: 5px">
                                        </div>
                                    </div>
                                </div>
                                <div class="ctrls">
                                    <button class="btnHand bH5" id="coordTransferPanelSearchBtn1">
                                        <img src="img/duibi.png" alt="" />坐标转换</button>
                                    <button class="btnCancel bH6" id="coordTransferPanelResetBtn1">
                                        <img src="img/reset.png" alt="" />条件重置
                                    </button>
                                </div>
                            </div>
                            <div style="height: 100%" role="tabpanel" class="tab-pane" id="coordTransferPanelDiv2">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div>
                                            <label>请选择包含WGS84坐标的文件（csv、xls、xlsx格式）</label>
                                        </div>
                                        <div>
                                            <label>坐标字段需为“经度”、“纬度”</label>
                                        </div>
                                        <form class="uploadForm" action="ExcelServlet" method="post"
                                            enctype="multipart/form-data"
                                            target="coordTransferFileUploadIframeContent0">
                                            <input type="file" name="fileUpload" id="coordTransferFileUpload0"
                                                accept=".csv,.xls,.xlsx" />
                                        </form>
                                        <!-- <div
                                            style="color:#585656; font-weight: bold;    margin: 8px;margin-right: 3px;">
                                            注意：加载shp格式数据，需要将shp图层所包含的所有文件(.shp、.dbf、.prg、.cpg等)放在同一文件夹内，并对文件夹进行压缩上传，压缩格式支持rar和zip
                                        </div> -->
                                        <iframe src="" frameborder="0" id="coordTransferFileUpload0_iframeContent"
                                            name="coordTransferFileUploadIframeContent0"
                                            style="display: none;"></iframe>

                                    </div>
                                </div>
                                <div class="ctrls">
                                    <button class="btnHand bH5" id="coordTransferPanelSearchBtn2">
                                        <img src="img/duibi.png" alt="" />坐标转换</button>
                                    <button class="btnCancel bH6" id="coordTransferPanelResetBtn2">
                                        <img src="img/reset.png" alt="" />条件重置
                                    </button>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>

            <div class="addressPanel" id="drawDataPanel">
                <div class="infoPanelTitle">
                    自定义数据绘制
                    <a class="close">&times;</a>
                </div>
                <div class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <div style="margin: 0" class="row">
                            <div style="margin-right: 20px;margin-bottom: 5px;display: flex;justify-content: flex-end;">
                                <button style="background-color: #0079c1; color: #fff;" class="draw"
                                    id="locationSearch"> 地址查询辅助定位</button>
                            </div>
                            <div>
                                <p class="xuhao">1</p><label class="control-label"> 请选择绘制方式</label>
                            </div>

                            <div style="padding: 0 0px;margin: 10px 0;text-align: center" class="col-sm-12">
                                <button class="draw" id="drawdata_polygon"> 多边形</button>
                                <button class="draw" id="drawdata_freehand_polygon"> 手绘多边形</button>
                                <button class="draw" id="drawdata_circle"> 圆</button>
                                <button class="draw" id="clear_draw1"> 清除</button>

                            </div>

                            <div>
                                <p class="xuhao">2</p><label class="control-label"> 绘制完成，停止绘制</label>
                            </div>

                            <div style="padding: 0 30px;margin: 10px 0" class="col-sm-12">
                                <label style="font-size: 16px">请在地图上绘制所需图形，绘制完成后请点击停止绘制按钮</label>
                                <div style="text-align: center;">
                                    <button style="    background-color: #8BC34A; color: #fff;" class="draw"
                                        id="stop_draw1"> 停止绘制</button>
                                </div>
                            </div>
                            <div>
                                <p class="xuhao">3</p><label class="control-label">请保存绘制好的图层</label>
                            </div>

                            <div class="col-sm-12">
                                <label style="font-size: 16px">请输入自定义绘制图层名称</label>
                                <input type="text" class="form-control" id="drawDataNameInput">
                                <div style="text-align: center;">
                                    <button class="btnHand bH5" id="savaDrawDataBtn">
                                        <img src="img/duibi.png" alt="" />保存</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="addressPanel" id="addressPanel">
                <div class="infoPanelTitle">
                    <span id="addressSearchTitle">地址检索</span>
                    <a class="close">&times;</a>
                    <span class="back">返回</span>
                </div>

                <p class="ips clearfix">
                    <label id="addressSearchLabel" style="margin-bottom: 5px;margin-left:2px;font-size:14px"
                        class="control-label">请输入要检索地址的关键字</label>
                    <input id="menpaiInput" placeholder="" type="text" class="form-control">
                    <button class="btnDel btnView" id="menpaiSearBtn"><img src="img/search.png" alt="">查询</button>
                </p>

                <div class="infoPanelContent scrollbar addressAround" id="addressList">
                    <div class="waitPanel text-center">
                        <i class="fa fa-spinner fa-pulse fa-3x"></i>
                    </div>
                    <ul class="scrollbar">
                    </ul>
                </div>
                <div class="text-center">
                    <ul class="page" maxshowpageitem="2" pagelistcount="10" id="addressPage"></ul>
                </div>
            </div>



            <div class="addressPanel" id="aroundPanel">
                <div class="infoPanelTitle">
                    反向地址检索
                    <a class="close">&times;</a>
                </div>
                <div id="aroundContent" class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <ul class="nav nav-tabs" role="tablist">
                            <li id="aroundTab0" role="presentation" class="active">
                                <a href="#aroundDiv0" aria-controls="aroundDiv0" role="tab" data-toggle="tab">检索条件</a>
                            </li>
                            <li id="aroundTab1" role="presentation">
                                <a href="#aroundDiv1" aria-controls="aroundDiv1" role="tab" data-toggle="tab">检索结果</a>
                            </li>
                        </ul>
                        <div style="height:calc(100% - 20px);margin: 10px 0;" class="tab-content">
                            <div style="height: 100%" role="tabpanel" class="tab-pane active" id="aroundDiv0">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div>
                                            <p class="xuhao">1</p><label class="control-label">请输入反向地址检索区域半径（米）</label>
                                        </div>

                                        <div style="padding: 0 30px;margin: 10px 0" class="col-sm-12">
                                            <input type="number" class="form-control" id="aroundRadius">
                                        </div>
                                        <div>
                                            <p class="xuhao">2</p><label class="control-label">请选择反向地址检索的poi类型</label>
                                        </div>

                                        <div style="padding: 0 30px;margin: 10px 0" class="col-sm-12">
                                            <select id="aroundType" class="form-control">
                                                <option value="居住区">居住区</option>
                                                <option value="医疗卫生">医疗卫生</option>
                                                <option value="交通出行">交通出行</option>
                                                <option value="政府机构">政府机构</option>
                                                <option value="生活服务">生活服务</option>
                                                <option value="商业设施">商业设施</option>
                                            </select>
                                        </div>
                                        <div>
                                            <p class="xuhao">3</p><label class="control-label">请在地图上设置反向检索中心点</label>
                                        </div>
                                        <div style="display: flex; justify-content: center;margin-top: 10px;">
                                            <button class="draw" id="addAroundPoint"><i
                                                    class="fa fa-plus"></i>&nbsp&nbsp设置中心点</button>
                                        </div>

                                    </div>
                                </div>
                                <div class="ctrls">
                                    <button class="btnHand bH5" id="doAroundBtn">
                                        <img src="img/duibi.png" alt="" />反向检索</button>
                                    <button class="btnCancel bH6" id="aroundResetBtn">
                                        <img src="img/reset.png" alt="" />条件重置
                                    </button>
                                </div>
                            </div>

                            <div style="height: 100%" role="tabpanel" class="tab-pane" id="aroundDiv1">
                                <div class="infoPanelContent scrollbar addressAround" id="aroundList">
                                    <div class="waitPanel text-center">
                                        <i class="fa fa-spinner fa-pulse fa-3x"></i>
                                    </div>
                                    <ul class="scrollbar">
                                    </ul>
                                </div>
                                <div class="text-center">
                                    <ul class="page" maxshowpageitem="2" pagelistcount="10" id="aroundPage"></ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="addressPanel" id="multiAroundPanel">
                <div class="infoPanelTitle">
                    复合检索
                    <a class="close">&times;</a>
                </div>
                <div id="multiAroundContent" class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <div style="margin: 0" class="row">
                            <div>
                                <p class="xuhao">1</p><label class="control-label"> 请输入复合检索区域半径（米）</label>
                            </div>

                            <div style="padding: 0 30px;margin: 10px 0" class="col-sm-12">
                                <input type="number" class="form-control" id="multiAaroundRadius">
                            </div>

                            <div>
                                <p class="xuhao">2</p><label class="control-label"> 请选择复合检索的poi类型</label>
                            </div>

                            <div style="padding: 0 30px;margin: 10px 0" class="col-sm-12">
                                <select id="multiAroundType" class="form-control">
                                    <option value="居住区">居住区</option>
                                    <option value="医疗卫生">医疗卫生</option>
                                    <option value="交通出行">交通出行</option>
                                    <option value="政府机构">政府机构</option>
                                    <option value="生活服务">生活服务</option>
                                    <option value="商业设施">商业设施</option>
                                </select>
                            </div>
                            <div>
                                <p class="xuhao">3</p><label class="control-label">请选择复合检索的中心点文件(csv、xls、xlsx)</label>
                            </div>

                            <div class="col-sm-12">
                                <form class="uploadForm" action="ExcelServlet" method="post"
                                    enctype="multipart/form-data" target="multiAroundIframeContent">
                                    <input type="file" name="fileUpload" id="multiAroundFileUpload"
                                        accept=".xls,.xlsx,.csv" />
                                </form>
                                <iframe src="" frameborder="0" id="multiAround_iframeContent"
                                    name="multiAroundIframeContent" style="display: none;"></iframe>
                            </div>

                            <div class="ctrls">
                                <button class="btnHand bH5" id="multiAroundSearchBtn">
                                    <img src="img/duibi.png" alt="" />复合检索</button>
                                <button class="btnCancel bH6" id="multiAroundResetBtn">
                                    <img src="img/reset.png" alt="" />条件重置
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="addressPanel" id="roadSearchPanel">
                <div class="infoPanelTitle">
                    道路区间检索
                    <a class="close">&times;</a>
                </div>
                <div class="input-group">
                    <label style="margin-bottom: 0;margin-left:2px;font-size:14px"
                        class="control-label">请输入要检索的道路名或道路交叉口名</label>
                </div>
                <div class="input-group">
                    <input type="text" class="form-control" id="roadSearchInput">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button" id="roadSearchBtn">查询</button>
                    </span>
                </div>
                <div class="infoPanelContent scrollbar addressAround" id="roadSearchList">
                    <div class="waitPanel text-center">
                        <i class="fa fa-spinner fa-pulse fa-3x"></i>
                    </div>
                    <ul class="scrollbar">
                    </ul>
                </div>
                <div class="text-center">
                    <ul class="page" maxshowpageitem="2" pagelistcount="10" id="roadSearchPage"></ul>
                </div>
            </div>


            <div class="addressPanel" id="xyLocationPanel">
                <div class="infoPanelTitle">
                    坐标检索
                    <a class="close">&times;</a>
                </div>
                <div id="xyLocationContent" class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <ul class="nav nav-tabs" role="tablist">
                            <li id="xyLocationTab0" role="presentation" class="active">
                                <a href="#xyLocationDiv0" aria-controls="xyLocationDiv0" role="tab"
                                    data-toggle="tab">上海城市坐标</a></li>
                            <li id="xyLocationTab1" role="presentation">
                                <a href="#xyLocationDiv1" aria-controls="xyLocationDiv1" role="tab"
                                    data-toggle="tab">WGS84坐标</a></li>
                        </ul>
                        <div style="height:calc(100% - 20px);margin: 10px 0;" class="tab-content">
                            <div style="height: 100%" role="tabpanel" class="tab-pane active" id="xyLocationDiv0">
                                <div class="row">
                                    <div class="col-sm-12 ips">
                                        <label class="control-label">请输入x坐标</label>
                                        <input type="number" class="form-control" id="xInput0"
                                            style="margin-bottom: 5px">
                                        <label class="control-label">请输入y坐标</label>
                                        <input type="number" class="form-control" id="yInput0"
                                            style="margin-bottom: 5px">
                                    </div>
                                </div>
                                <div class="ctrls">
                                    <button class="btnHand bH5" id="xyLocationSearchBtn0">
                                        <img src="img/duibi.png" alt="" />坐标检索</button>
                                    <button class="btnCancel bH6" id="xyLocationResetBtn0">
                                        <img src="img/reset.png" alt="" />条件重置
                                    </button>
                                </div>
                            </div>

                            <div style="height: 100%" role="tabpanel" class="tab-pane" id="xyLocationDiv1">
                                <div class="row">
                                    <div class="col-sm-12 ips">
                                        <label class="control-label">请输入经度</label>
                                        <input type="number" class="form-control" id="xInput1"
                                            style="margin-bottom: 5px">
                                        <label class="control-label">请输入纬度</label>
                                        <input type="number" class="form-control" id="yInput1"
                                            style="margin-bottom: 5px">
                                    </div>
                                </div>
                                <div class="ctrls">
                                    <button class="btnHand bH5" id="xyLocationSearchBtn1">
                                        <img src="img/duibi.png" alt="" />坐标检索</button>
                                    <button class="btnCancel bH6" id="xyLocationResetBtn1">
                                        <img src="img/reset.png" alt="" />条件重置
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="addressPanel" id="routeExceptionPanel">
                <div class="infoPanelTitle">
                    轨迹异常分析
                    <a class="close">&times;</a>
                </div>
                <div id="routeExceptionContent" class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <ul class="nav nav-tabs" role="tablist">
                            <li id="routeExceptionTab0" role="presentation" class="active">
                                <a href="#routeExceptionDiv0" aria-controls="routeExceptionDiv0" role="tab"
                                    data-toggle="tab">超出服务范围</a></li>
                            <li id="routeExceptionTab1" role="presentation">
                                <a href="#routeExceptionDiv1" aria-controls="routeExceptionDiv1" role="tab"
                                    data-toggle="tab">长时间停留</a></li>
                        </ul>
                        <div style="height:calc(100% - 20px);margin: 15px 0;" class="tab-content">
                            <div style="height: 100%" role="tabpanel" class="tab-pane active" id="routeExceptionDiv0">
                                <div style="margin: 0" class="row">
                                    <div>
                                        <p class="xuhao">1</p><label
                                            class="control-label">请选择轨迹点文件（csv、xls、xlsx格式）</label>
                                    </div>
                                    <form class="uploadForm" action="ExcelServlet" method="post"
                                        enctype="multipart/form-data" target="routeFileUploadIframeContent0">
                                        <input type="file" name="fileUpload" id="routeFileUpload0"
                                            accept=".xls,.xlsx,.csv" />
                                    </form>
                                    <iframe src="" frameborder="0" id="routeFileUpload0_iframeContent"
                                        name="routeFileUploadIframeContent0" style="display: none;"></iframe>

                                    <div>
                                        <p class="xuhao">2</p><label class="control-label">请选择轨迹范围文件（shp格式）</label>
                                    </div>
                                    <form class="uploadForm" action="ExcelServlet" method="post"
                                        enctype="multipart/form-data" target="routeExtentFileUploadIframeContent0">
                                        <input type="file" name="fileUpload" id="routeExtentFileUpload0"
                                            accept=".rar,.zip" />
                                    </form>
                                    <div style="color:#585656; font-weight: bold;    margin: 8px;margin-right: 3px;">
                                        注意：加载shp格式数据，需要将shp图层所包含的所有文件(.shp、.dbf、.prg、.cpg等)放在同一文件夹内，并对文件夹进行压缩上传，压缩格式支持rar和zip
                                    </div>
                                    <iframe src="" frameborder="0" id="routeExtentFileUpload0_iframeContent"
                                        name="routeExtentFileUploadIframeContent0" style="display: none;"></iframe>

                                    <!-- <label style="margin-left: 10px;" class="control-label">③ 设置停留时间阈值(分钟)</label>
                                        <input type="number" class="form-control" id="xInput"
                                            style="margin: 5px;margin-bottom: 15px;"> -->

                                </div>
                                <div class="ctrls">
                                    <button class="btnHand bH5" id="routeExceptionBtn0">
                                        <img src="img/duibi.png" alt="" />异常分析</button>
                                    <button class="btnCancel bH6" id="routeExceptionBtn0">
                                        <img src="img/reset.png" alt="" />条件重置
                                    </button>
                                </div>
                            </div>


                            <div style="height: 100%" role="tabpanel" class="tab-pane" id="routeExceptionDiv1">
                                <div style="margin: 0" class="row">
                                    <div>
                                        <p class="xuhao">1</p><label
                                            class="control-label">请选择轨迹点文件（csv、xls、xlsx格式）</label>
                                    </div>
                                    <form class="uploadForm" action="ExcelServlet" method="post"
                                        enctype="multipart/form-data" target="routeFileUploadIframeContent1">
                                        <input type="file" name="fileUpload" id="routeFileUpload1"
                                            accept=".xls,.xlsx,.csv" />
                                    </form>
                                    <div style="color:#585656; font-weight: bold;    margin: 8px;margin-right: 3px;">
                                        注意：时间字段的字段名需为"time"
                                    </div>

                                    <iframe src="" frameborder="0" id="routeFileUpload1_iframeContent"
                                        name="routeFileUploadIframeContent1" style="display: none;"></iframe>


                                    <div>
                                        <p class="xuhao">2</p><label class="control-label">请选择轨迹范围文件（shp格式）</label>
                                    </div>
                                    <form class="uploadForm" action="ExcelServlet" method="post"
                                        enctype="multipart/form-data" target="routeExtentFileUploadIframeContent1">
                                        <input type="file" name="fileUpload" id="routeExtentFileUpload1"
                                            accept=".rar,.zip" />
                                    </form>
                                    <div style="color:#585656; font-weight: bold;    margin: 8px;margin-right: 3px;">
                                        注意：加载shp格式数据，需要将shp图层所包含的所有文件(.shp、.dbf、.prg、.cpg等)放在同一文件夹内，并对文件夹进行压缩上传，压缩格式支持rar和zip
                                    </div>
                                    <iframe src="" frameborder="0" id="routeExtentFileUpload1_iframeContent"
                                        name="routeExtentFileUploadIframeContent1" style="display: none;"></iframe>

                                    <div>
                                        <p class="xuhao">3</p><label class="control-label">设置停留时间阈值(分钟)</label>
                                    </div>
                                    <input type="number" class="form-control" id="timeLimitInput"
                                        style="margin: 10px 0">

                                </div>
                                <div class="ctrls">
                                    <button class="btnHand bH5" id="routeExceptionBtn1">
                                        <img src="img/duibi.png" alt="" />异常分析</button>
                                    <button class="btnCancel bH6" id="routeExceptionBtn1">
                                        <img src="img/reset.png" alt="" />条件重置
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="addressPanel" id="imageComparePanel">
                <div class="infoPanelTitle">
                    影像对比分析
                    <a class="close">&times;</a>
                </div>
                <div id="imageCompareContent" class="tab-content">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <div class="row">
                            <div class="col-sm-12">
                                <div>
                                    <p class="xuhao">1</p><label class="control-label">请选择要对比的影像（最多选择6个）</label>
                                </div>

                                <div id="imageCompareRadios" style="padding: 15px;">

                                </div>
                            </div>
                        </div>
                        <div id="imageCompareRow2" class="row">
                            <div class="col-sm-12">
                                <p class="xuhao">2</p><label class="control-label">请绘制要对比的区域（可选）</label>
                                <div id="drawTools" class="panel-body">
                                    <button id="draw_polygon" class="draw">多边形
                                    </button>
                                    <button id="draw_freehand_polygon" class="draw">手绘多边形
                                    </button>
                                    <button id="draw_circle" class="draw">圆
                                    </button>
                                    <button id="clear_draw" class="draw">清除
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="ctrls">
                            <button class="btnHand bH5" id="imageCompareBtn">
                                <img src="img/duibi.png" alt="" />影像对比</button>
                            <button class="btnCancel bH6" id="imageCompareResetBtn">
                                <img src="img/reset.png" alt="" />条件重置
                            </button>
                        </div>

                    </div>
                </div>
            </div>


            <div class="addressPanel" id="changeDetectionPanel">
                <div class="infoPanelTitle">
                    变化检测分析
                    <a class="close">&times;</a>
                </div>
                <div class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">
                        <div class="row">
                            <div class="col-sm-12">
                                <div>
                                    <p class="xuhao">1</p><label class="control-label">请选择要分析的区域</label>
                                </div>
                                <div style="padding: 0 15px;">
                                    <div class="radio">
                                        <label>
                                            <input class="cOr" type="radio" name="detectionRegion" value="jd1" checked>
                                            <span style="font-size: 14px;">嘉定1</span>

                                        </label>
                                        <label>
                                            <input class="cOr" type="radio" name="detectionRegion" value="jd2">
                                            <span style="font-size: 14px;">嘉定2</span>

                                        </label>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div>
                                    <p class="xuhao">2</p><label class="control-label">请选择要分析的年份</label>
                                </div>
                                <div style="padding: 0 13px;">
                                    <div class="radio">
                                        <label>
                                            <input class="cOr" type="radio" name="detectionOptionsRadios"
                                                id="detectionOptionsRadios0" value="1823" checked>
                                            <span style="font-size: 14px;">2018年2季度卫星影像 -> 2018年3季度卫星影像</span>

                                        </label>
                                    </div>
                                    <div class="radio">
                                        <label>
                                            <input class="cOr" type="radio" name="detectionOptionsRadios"
                                                id="detectionOptionsRadios1" value="1834">
                                            <span style="font-size: 14px;">2018年3季度卫星影像 -> 2018年4季度卫星影像</span>


                                        </label>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div>
                                    <p class="xuhao">3</p><label class="control-label">请选择要分析的类型</label>
                                </div>
                                <div style="padding: 15px;">
                                    <label class="radio_label">
                                        <input class="new_radio" type="checkbox" name="detectionType" value="building">
                                        <span class="new_checkbox radioInput"></span>建筑变化
                                    </label>
                                    <label class="radio_label">
                                        <input class="new_radio" type="checkbox" name="detectionType" value="water">
                                        <span class="new_checkbox radioInput"></span>水体变化
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="ctrls">
                            <button class="btnHand bH5" id="changeDetectionBtn">
                                <img src="img/duibi.png" alt="" />变化检测</button>
                            <button class="btnCancel bH6" id="changeDetectionResetBtn">
                                <img src="img/reset.png" alt="" />条件重置
                            </button>
                        </div>

                    </div>
                </div>
            </div>

            <div class="addressPanel" id="areaCoveragePanel">
                <div class="infoPanelTitle">
                    覆盖范围分析
                    <a class="close">&times;</a>
                </div>
                <div id="bufferContent" class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <div class="row">
                            <div class="col-sm-12">
                                <label class="control-label">请输入覆盖半径（米）</label>
                                <input type="number" class="form-control" id="bufferInput" style="margin-bottom: 5px">
                            </div>
                        </div>
                        <div style="width: 100%;" class="ctrls">
                            <button class="btnHand bH5" id="doBufferBtn">
                                覆盖范围分析</button>
                            <button class="btnHand bH5" id="saveBufferBtn">
                                分析结果保存</button>
                            <button class="btnCancel bH6" id="bufferResetBtn">
                                条件重置
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="addressPanel" id="attrCalPanel" style="height: 180px">
                <div class="infoPanelTitle">
                    属性计算
                    <a class="close">&times;</a>
                </div>
                <div id="attrCalContent" class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <div class="row">
                            <div class="col-sm-12">
                                <div id="attrLabel1" class="attrLabel"></div>
                                <div id="attrLabel2" class="attrLabel"></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="addressPanel" id="gAroundPanel">
                <div class="infoPanelTitle">
                    反向地址检索
                    <a class="close">&times;</a>
                </div>
                <div id="gAroundContent" class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <ul class="nav nav-tabs" role="tablist">
                            <li id="gAroundTab0" role="presentation" class="active">
                                <a href="#gAroundDiv0" aria-controls="gAroundDiv0" role="tab" data-toggle="tab">检索条件</a>
                            </li>
                            <li id="gAroundTab1" role="presentation">
                                <a href="#gAroundDiv1" aria-controls="gAroundDiv1" role="tab" data-toggle="tab">检索结果</a>
                            </li>
                        </ul>
                        <div style="height:calc(100% - 20px);margin: 10px 0;" class="tab-content">
                            <div style="height: 100%" role="tabpanel" class="tab-pane active" id="gAroundDiv0">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div>
                                            <p class="xuhao">1</p><label class="control-label">请输入反向地址检索区域半径（米）</label>
                                        </div>

                                        <div style="padding: 0 30px;margin-bottom: 10px" class="col-sm-12">
                                            <input type="number" class="form-control" id="gAroundInput">
                                        </div>
                                        <div>
                                            <p class="xuhao">2</p><label class="control-label">请选择反向地址检索的poi类型</label>
                                        </div>

                                        <div style="padding: 0 30px;margin-bottom: 10px" class="col-sm-12">
                                            <select id="gAroundType" class="form-control">
                                                <option value="居住区">居住区</option>
                                                <option value="医疗卫生">医疗卫生</option>
                                                <option value="交通出行">交通出行</option>
                                                <option value="政府机构">政府机构</option>
                                                <option value="生活服务">生活服务</option>
                                                <option value="商业设施">商业设施</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="ctrls">
                                    <button class="btnHand bH5" id="doCtxAroundBtn">
                                        <img src="img/duibi.png" alt="" />反向检索</button>
                                    <button class="btnCancel bH6" id="gAroundResetBtn">
                                        <img src="img/reset.png" alt="" />条件重置
                                    </button>
                                </div>
                            </div>

                            <div style="height: 100%" role="tabpanel" class="tab-pane" id="gAroundDiv1">
                                <div class="infoPanelContent scrollbar addressAround" id="gAroundList">
                                    <div class="waitPanel text-center">
                                        <i class="fa fa-spinner fa-pulse fa-3x"></i>
                                    </div>
                                    <ul class="scrollbar">
                                    </ul>
                                </div>
                                <div class="text-center">
                                    <ul class="page" maxshowpageitem="2" pagelistcount="10" id="gAroundPage"></ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="addressPanel" id="areaFeaturePanel" style="height: 220px">
                <div class="infoPanelTitle">
                    区域特征分析
                    <a class="close">&times;</a>
                </div>
                <div class="tab-content myContent">
                    <div class="tab-pane fade in active scrollbar3 termPanel1" id="">

                        <div class="row">
                            <div class="col-sm-12">
                                <label class="control-label">调节热力图显示效果</label>
                                <div style="margin-top: 80px;">
                                    <input style="display: inline;" data-addui="slider" data-step="1" data-min="1"
                                        data-max="100" value="20" /></span>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div id="addressInfoPanel" class="panel panel-default">
                <div class="panel-heading">
                    <button type="button" class="close">&times;</button>
                    <h4 class="panel-title"></h4>
                </div>
                <div class="panel-body">
                </div>
            </div>


            <!-- 属性表部分 -->
            <div id="result" style="position: relative">
                <div id="resultClose">
                    <a>&times;</a>
                </div>

                <div id="tableSearchSelectDIV">
                    <select id="tableSearchSelect" class="form-control"
                        style="margin-top: 2px;height: 28px;padding: 3px 12px;">

                    </select>
                </div>
                <div id="tableSearchInputDIV">
                    <input style="margin-top: 2px;height: 28px;" type="text" class="form-control" id="tableSearchInput">
                </div>
                <div id="myTableNode"></div>
            </div>
        </div>


    </div>



    <div class="container-fluid mapPanel" id="compareMap" style="display: none;">
        <div class="compareMapRow">
            <div id="map_0" class="compareMap">
                <div class="compareMapLabel"><label id=label_0 class="control-label"></label></div>

            </div>
            <div id="map_1" class="compareMap">
                <div class="compareMapLabel"><label id=label_1 class="control-label"></label></div>

            </div>
            <div id="map_2" class="compareMap">
                <div class="compareMapLabel"><label id=label_2 class="control-label"></label></div>

            </div>
        </div>
        <div id="compareMapRow2" class="compareMapRow">
            <div id="map_3" class="compareMap">
                <div class="compareMapLabel"><label id=label_3 class="control-label"></label></div>

            </div>
            <div id="map_4" class="compareMap">
                <div class="compareMapLabel"><label id=label_4 class="control-label"></label></div>

            </div>
            <div id="map_5" class="compareMap">
                <div class="compareMapLabel"><label id=label_5 class="control-label"></label></div>

            </div>
        </div>
        <div id="compareMapRow3" class="compareMapRow">
            <div style="width: 100%;height:100%">

                <ul class="nav nav-tabs" role="tablist">
                    <li id="changeDetectionTab0" role="presentation" class="active">
                        <a href="#" role="tab" data-toggle="tab">建筑拆除变化</a></li>
                    <li id="changeDetectionTab1" role="presentation">
                        <a href="#" role="tab" data-toggle="tab">水体新增变化</a></li>
                </ul>
                <div style="height: calc(100% - 39px)">
                    <div id="result1" style="position: relative;display: block;height: 100%;width: 100%">
                        <!-- <div id="resultClose1">
                                        <a>&times;</a>
                                    </div> -->

                        <!-- <div id="tableSearchSelectDIV1">
                                        <select id="tableSearchSelect" class="form-control"
                                            style="margin-top: 2px;height: 28px;padding: 3px 12px;">
                    
                                        </select>
                                    </div>
                                    <div id="tableSearchInputDIV1">
                                        <input style="margin-top: 2px;height: 28px;" type="text" class="form-control" id="tableSearchInput">
                                    </div> -->
                        <div id="myTableNode1"></div>
                    </div>
                </div>
            </div>

        </div>
        <div id="backMain" class="backMain">
            <div style="margin: 25% 13%;line-height: 20px;font-size: 14px;font-weight: bold;">返回</div>
        </div>
    </div>


    <div class="modal fade" id="addDataModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">加载本地GIS数据</h4>
                </div>
                <div class="modal-body">
                    <form class="uploadForm" action="ExcelServlet" method="post" enctype="multipart/form-data"
                        target="iframeContent">
                        <input type="file" name="fileUpload" id="gisFileUpload"
                            accept=".xls,.xlsx,.csv,.rar,.zip,.json" />
                    </form>
                    <div style="color:#585656; font-weight: bold;    margin-top: 8px;font-size: 15px;">
                        <p>本功能用于加载本地数据文件。支持加载的格式为：csv、xls、xlsx、shp、json</p>
                        <p>注意：加载shp格式数据，需要将shp图层所包含的所有文件(.shp、.dbf、.prg、.cpg等)放在同一文件夹内，并对文件夹进行压缩上传，压缩格式支持rar和zip</p>
                    </div>
                    <iframe src="" frameborder="0" id="addData_iframeContent" name="iframeContent"
                        style="display: none;"></iframe>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="cordConvertModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">坐标转换</h4>
                </div>
                <div class="modal-body">
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                            WGS84 -> 上海城建坐标(shanghaicity)
                        </label>
                    </div>
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                            上海城建坐标(shanghaicity) -> WGS84
                        </label>
                    </div>
                    <form action="ExcelServlet" method="post" enctype="multipart/form-data" target="iframeContent">
                        <input type="file" name="fileUpload" id="cordFileUpload" accept=".xls,.xlsx" />
                    </form>
                    <!--<div style="color:#585656; font-weight: bold;    margin-top: 8px;">温馨提示：请将excel文件中用于绘制的sheet放在第一位！</div>-->
                    <iframe src="" frameborder="0" id="cordConvert_iframeContent" name="iframeContent"
                        style="display: none;"></iframe>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="addServiceModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="addServiceModalLabel">第三方地图服务加载</h4>
                </div>
                <div class="modal-body">
                    <div style="font-size: 15px;font-weight:bold;">
                        <p class="ips" style="margin-top: 0;">请输入服务地址</p>
                        <p class="ips clearfix">
                            <input id="previewUrl" placeholder="" type="text" class="form-control">
                            <button class="btnDel btnView" id="previewBtn"><img src="img/view.png" alt="">预览</button>
                        </p>

                        <div class="ips" id="preview"></div>
                        <div class="ctrls">
                            <button class="btnCancel" data-dismiss="modal">
                                <img src="img/close3.png" alt="" />关闭</button>
                            <button class="btnHand bH3 okBtn">
                                <img src="img/handin.png" alt="" />加载
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="multiAddressModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">批量地址检索</h4>
                </div>
                <div class="modal-body">

                    <form class="uploadForm" action="ExcelServlet" method="post" enctype="multipart/form-data"
                        target="multiAddressIframeContent">
                        <input type="file" name="fileUpload" id="multiAddressFileUpload"
                            accept=".xls,.xlsx,.csv,.rar,.zip" />
                    </form>
                    <div style="color:#585656; font-weight: bold;    margin-top: 8px;font-size: 15px;">
                        <p>本功能用于批量地址检索。支持加载的格式为：csv、xls、xlsx</p>
                        <p>注意：用于检索的excel或csv文件中，首列应为待检索的地址，且第一行为字段名</p>
                    </div>
                    <iframe src="" frameborder="0" id="multiAddress_iframeContent" name="multiAddressIframeContent"
                        style="display: none;"></iframe>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="addRouteModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">轨迹数据加载</h4>
                </div>
                <div class="modal-body">

                    <form class="uploadForm" action="ExcelServlet" method="post" enctype="multipart/form-data"
                        target="iframeContent">
                        <input type="file" name="fileUpload" id="routeFileUpload" accept=".xls,.xlsx,.csv,.rar,.zip" />
                    </form>
                    <div style="color:#585656; font-weight: bold;    margin-top: 8px;font-size: 15px;">
                        <p>本功能用于加载轨迹数据文件。支持加载的格式为：csv、xls、xlsx、shp、json</p>
                        <p>注意：加载shp格式数据，需要将shp图层所包含的所有文件(.shp、.dbf、.prg、.cpg等)放在同一文件夹内，并对文件夹进行压缩上传，压缩格式支持rar和zip</p>
                    </div>
                    <iframe src="" frameborder="0" id="addRoute_iframeContent" name="iframeContent"
                        style="display: none;"></iframe>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="areaCoverageModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">区域覆盖分析数据加载</h4>
                </div>
                <div class="modal-body">
                    <form class="uploadForm" action="ExcelServlet" method="post" enctype="multipart/form-data"
                        target="areaCoverageIframeContent">
                        <input type="file" name="fileUpload" id="areaCoverageFileUpload"
                            accept=".xls,.xlsx,.csv,.rar,.zip" />
                    </form>
                    <div style="color:#585656; font-weight: bold;    margin-top: 8px;font-size: 15px;">
                        <p>本功能用于加载区域覆盖分析数据文件。支持加载的格式为：csv、xls、xlsx、shp、json</p>
                        <p>注意：加载shp格式数据，需要将shp图层所包含的所有文件(.shp、.dbf、.prg、.cpg等)放在同一文件夹内，并对文件夹进行压缩上传，压缩格式支持rar和zip</p>
                    </div>
                    <iframe src="" frameborder="0" id="areaCoverage_iframeContent" name="areaCoverageIframeContent"
                        style="display: none;"></iframe>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="areaFeatureModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">区域特征分析数据加载</h4>
                </div>
                <div class="modal-body">
                    <form class="uploadForm" action="ExcelServlet" method="post" enctype="multipart/form-data"
                        target="areaFeatureIframeContent">
                        <input type="file" name="fileUpload" id="areaFeatureFileUpload"
                            accept=".xls,.xlsx,.csv,.rar,.zip" />
                    </form>
                    <div style="color:#585656; font-weight: bold;    margin-top: 8px;font-size: 15px;">
                        <p>本功能用于加载区域特征分析数据文件。支持加载的格式为：csv、xls、xlsx、shp、json</p>
                        <p>注意：加载shp格式数据，需要将shp图层所包含的所有文件(.shp、.dbf、.prg、.cpg等)放在同一文件夹内，并对文件夹进行压缩上传，压缩格式支持rar和zip</p>
                    </div>
                    <iframe src="" frameborder="0" id="areaFeature_iframeContent" name="areaFeatureIframeContent"
                        style="display: none;"></iframe>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="failAlert">
        <div class="modal-dialog">
            <div style="display:block;margin-top: 0px;" id="light1" class="white_content conChose">
                <!-- <span>提交失败</span>-->
                <a href="javascript:void(0)" data-dismiss="modal" class="closeWin2"><img src="img/close2.png"
                        alt="" /></a>
                <div class="tijiao">
                    <p><img src="img/lose.png" alt="" /></p>
                    <p><span>加载失败！</span></p>
                    <p id="failText"></p>
                    <button data-dismiss="modal" class="btnHand">
                        <img src="img/handin.png" alt="" />关闭
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="okAlert">
        <div class="modal-dialog">
            <div id="light3" class="white_content conChose">
                <a href="javascript:void(0)" class="closeWin2" data-dismiss="modal"><img src="img/close2.png"
                        alt="" /></a>
                <div class="tijiao tj2">
                    <p><img src="img/gou.png" alt="" /></p>
                    <p><span>未发现异常</span></p>
                    <p id="okText"></p>
                    <button data-dismiss="modal" class="btnHand bH2">
                        <img src="img/handin.png" alt="" />确定
                    </button data-dismiss="modal">
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="warningAlert">
        <div class="modal-dialog">
            <div id="light3" class="white_content conChose">
                <a href="javascript:void(0)" class="closeWin2" data-dismiss="modal"><img src="img/close2.png"
                        alt="" /></a>
                <div class="tijiao tj2">
                    <p><img src="img/tanhao.png" alt="" /></p>
                    <p><span>警告</span></p>
                    <p id="warningText"></p>
                    <button data-dismiss="modal" class="btnHand bH8">
                        <img src="img/handin.png" alt="" />确定
                    </button data-dismiss="modal">
                </div>
            </div>
        </div>
    </div>

</body>
<script type="text/javascript">
    var oneMapServerIP = "http://map.smi.sh.cegn.cn"

    var OneMapServerUrl = oneMapServerIP + "/OneMapServer/rest/services";
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open('GET',
        oneMapServerIP + '/RemoteTokenServer?request=getToken&username=xxgcs_test&password=Xxgcs_1111&clientid=ref.http://mapapp1.smi.sh.cegn.cn&expiration=500',
        false);
    xmlhttp.withCredentials = true; //withCredentials设置true,让浏览器发送HTTP请求时带上客户端的Cookie
    xmlhttp.send();
    var GLOBAL_TOKEN = xmlhttp.responseText.substr(0, xmlhttp.responseText.length - 2);
    // xmlhttp.open('GET', oneMapServerIP+'/OneMapServer/rest/services/address_p/Transfer?token=' + GLOBAL_TOKEN +
    //     '&wsdl=', false);
    // xmlhttp.send();

</script>

<!-- <script type="text/javascript" src="js/basic/jquery.js"></script> -->
<!-- <script type="text/javascript" src="js/basic/navbar.js"></script> -->
<script type="text/javascript" src="js/basic/bootstrap.js"></script>
<!-- <script type="text/javascript" src="js/basic/echarts.min.js"></script> -->
<script type="text/javascript" src="js/basic/page.js"></script>

<!-- <script type="text/javascript" src="js/jeDate/jedate.js"></script> -->

<script type="text/javascript" src="lib/fileinput/fileinput.min.js"></script>
<script type="text/javascript" src="lib/fileinput/zh.js"></script>
<script type="text/javascript" src="lib/ztree/js/jquery.ztree.all.min.js"></script>
<script type="text/javascript" src="lib/ztree/js/jquery.ztree.exhide.min.js"></script>
<script type="text/javascript" src="lib/ztree/js/fuzzysearch.js"></script>
<script type="text/javascript" src="lib/shp/shapefile.js"></script>
<script type="text/javascript" src="lib/shp/EsriJson.js"></script>
<script type="text/javascript" src="lib/slider/Obj.min.js"></script>
<script type="text/javascript" src="lib/slider/addSlider.min.js"></script>
<script type="text/javascript" src="lib/fileSaver/FileSaver.min.js"></script>
<script type="text/javascript" src="lib/notify/bootstrap-notify.min.js"></script>

<script type="text/javascript" src="/api330/arcgis_js_api/library/3.30/3.30/init.js"></script>
<!-- <script src="/api331/arcgis_js_api/library/3.31/3.31/init.js"></script> -->
<script type="text/javascript" src="js/basic/esri.symbol.MultiLineTextSymbol.js"></script>

<script type="text/javascript" src="js/nav.js"></script>
<script type="text/javascript" src="js/tab.js"></script>
<!-- <script type="text/javascript" src="js/map/urlConfig.js"></script> -->
<script type="text/javascript" src="js/map/urlConfig1.js"></script>
<script type="text/javascript" src="js/map/utils.js"></script>
<script type="text/javascript" src="js/map/initMap.js"></script>
<script type="text/javascript" src="js/map/pageControl.js"></script>
<script type="text/javascript" src="js/map/operator.js"></script>
<script type="text/javascript" src="js/map/drawData.js"></script>
<script type="text/javascript" src="js/map/addService.js"></script>
<script type="text/javascript" src="js/map/addLocalData.js"></script>
<script type="text/javascript" src="js/map/coordTransfer.js"></script>
<script type="text/javascript" src="js/map/addressSearch.js"></script>
<script type="text/javascript" src="js/map/aroundSearch.js"></script>
<script type="text/javascript" src="js/map/imageCompare.js"></script>
<script type="text/javascript" src="js/map/bufferCal.js"></script>
<script type="text/javascript" src="js/map/changeDetection.js"></script>
<script type="text/javascript" src="js/map/routeException.js"></script>

</html>